<template>
  <div class="placeholder-section">
    <div class="scroll-container">
      <div class="content-wrapper">
        <slot></slot>
        <div style="height: 50px;"></div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
</script>

<style lang="scss" scoped>
.placeholder-section {
  width: 420px;
  height: 100%;
  
  .scroll-container {
    height: 100%;
    direction: rtl;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .content-wrapper {
    direction: ltr;
    padding: 16px;
  }
}
</style> 